﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucCategory.ascx.cs" Inherits="PhuLeBooze.ucCategory" %>
<div id="carousel-example-generic" class="carouselx slide" data-ride="carousel">
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <%--   <div class="item active">
            <div class="sphot">
                <ul>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                </ul>
            </div>
        </div>
        <div class="item">
            <div class="sphot">
                <ul>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                </ul>
            </div>
        </div>
        <div class="item">
            <div class="sphot">
                <ul>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                    <li><a href="#">
                        <img src="images/sphot.png" /></a></li>
                </ul>
            </div>
        </div>--%>


        <asp:Literal ID="ltrDetail" runat="server"></asp:Literal>
    </div>

</div>
<!-- Carousel -->

<script>
    $(function () {
        $('.carouselx').carousel({
            interval: 3000
        });

        prefixLink = $(location).attr('protocol') + "//" + $(location).attr('host'); + '/';
        $.each($("a.procuctdetail"), function (index, item) {
            var title = $(this).attr('title');
            title = make_friendly_link(title);
            var href = prefixLink + $(this).attr('href') + '/' + title;
            $(this).attr('href', href);
        });
    });


</script>
